<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新东方导航菜单</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .daohanglan{
            width: 1300px;
            height: 40px;
            background-color: #eeeeee;
        }
        img{
            margin-left: 20px;
        }
        .gou{
            position: relative;
            bottom: 26px;
            left:163px;
        }
        .youhui{
            position: relative;
            bottom: 47px;
            left:245px;
        }

        .kuaisu{
            position: relative;
            bottom: 67px;
            left:325px;
        }

        .gedi{
            position: relative;
            bottom: 89px;
            left:421px;
        }
        .shouji{
            position: relative;
            bottom: 109px;
            left:521px;
        }
        .wangzhan{
            position: relative;
            bottom:129px;
            left:613px;
        }


    </style>
</head>
<body>
    <div class="daohanglan">
        <img src="../img新东方/logo.gif">
        <div class="gou">购物车</div>
        <div class="youhui">优惠券</div>
        <div class="kuaisu">快速注卡</div>
        <div class="gedi">各地购课</div>
        <div class="shouji">手机报</div>
        <div class="wangzhan">网站导航</div>
    </div>
</body>
</html>

<!--购物车-->
<!--优惠券-->
<!--快速注卡-->
<!--各地购课-->
<!--手机报-->
<!--网站导航-->

<!--托福 雅思 考研 职称英语 初中 日语-->
<!--网络课堂 资讯中心 知识堂 大师讲坛 学习论坛 学词 考研搜校-->
<!--M-Zone 手机报 时时英语-->
